/**
 * Kohadmin Page CSS
 *
 * Hierin alle CSS benodigd voor de page module. De layout is verdeelt in 3
 * stukken: head, mainnavigation en container. Het container deel bevat een linker
 * en rechter blok. Het linker deel bevat de pagina inhoud en het rechter de
 * opties.
 *
 * @copyright 2009 Nobis Stultius IT
 * @author Thomas Filius
 */

html {}

body {
	font-family: Arial;
	font-size: 13px;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	background: #E0E0E0 url('../img/bg_small.jpg') center repeat-y;
}

/*******************************************************************************
 * head
 */

#head {
	height: 40px;
	background-color: #00376A;
	margin: 0;
	padding: 15px 0 0 30px;
}

#head h1 {
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: white;
}

/*******************************************************************************
 * mainnavigation
 */

#mainnavigation {
	padding: 0;
	margin: 0;
	background-color: #00376A;
}

#mainnavigation ul.basictab {
	padding: 3px 0;
	list-style-type: none;
	text-align: left;
	white-space: nowrap;
	margin: 0;
	margin-left: 30px;
}

#mainnavigation ul.basictab li {
	display: inline;
	margin: 0;
	margin-right: 5px;
}

#mainnavigation ul.basictab li a {
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
	line-height: 25px;
	background-color: #1C598B;
	color: white;
	padding: 15px 25px;
}

#mainnavigation ul.basictab li a:visited { color: white; }
#mainnavigation ul.basictab li a:hover { color: #D2F4D2; }
#mainnavigation ul.basictab li a:active { color: silver; }

#mainnavigation ul.basictab li.selected a {
	background-color: #fff;
	color: #009900;
}


/*******************************************************************************
 * container
 */

#container {
	padding-right: 30%;
	/*padding-top: 20px;*/
}

/**
 * links
 */
#left {
	width: 100%;
}

#content {
	background-color: white;
	color: black;
	margin: 0 0 0 30px;
	padding: 15px;
}

#content h2 {
	display: block;
	margin: 0;
	font-size: 21px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	color: #189E16;
}

/**
 * rechts
 */
#right {
	float:right;
	width: 30%;
	margin-right: -30%;
	margin-top: 15px;
}
#right a { color: blue; }

/* actions */
#right div.actions { padding: 0 15px 15px 15px; }

/* shortcuts */
#right div.shortcuts {
	width: 100%;
	padding: 15px;
	background-color: #F4F4F4;
}
#right div.shortcuts h2 {
	color: #555555;
	font-size: 15px;
	letter-spacing: 1px;
}

/* overviews */
#right div.overviews {
	width: 100%;
	padding: 15px;
	background-color: #f4f4f4;
}
#right div.overviews h2 {
	color: #555555;
	font-size: 15px;
	letter-spacing: 1px;
}
